<template>
    <div class = "selectConsultation">
        <ConsultationCard v-for = "v in 5" :key = "v"/>
        <div class="footer-container">
            <div class="button" @click = "handleSelected">确认</div>
        </div>
        <MaskBuyGoods v-if = "maskState" @maskClick = "closeMask"/>
    </div>
</template>
<script>
import ConsultationCard from "./components/ConsultationCard";
import MaskBuyGoods from "../../components/MaskBuyGoods";

export default {
    data(){
        return {
            maskState: false 
        }
    },
    methods: {
        closeMask(){
            this.maskState = false;
        },
        handleSelected(){
            //this.maskState = true;
            wx.navigateTo({
                url: '/pages/SubmitProblem/main'
            })
        }
    },
    components: {
        ConsultationCard,
        MaskBuyGoods
    }
}
</script>
<style lang = "scss" scoped>
    @import "index.scss";
</style>
